
.radio{
	margin-left: 30rpx;
}
.box {
	width: 702rpx;
	background: #FFFFFF;
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	border-radius: 10rpx;
	margin: 26rpx auto 0;

	&:nth-child(1) {
		.line {
			// &:nth-child(1) {
			// 	background: #FFF0CD;
			// }
		}

	}

	.line {
		border-bottom: 2rpx solid #F6F6F6;
		overflow: hidden;
		height: 120rpx;
		line-height: 120rpx;
		padding: 0 16rpx;

		&:last-child {
			border-bottom: none
		}


		.left {
			margin-top: 26rpx;
			width: 70rpx;
			height: 70rpx;
			border-radius: 50%;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
			overflow: hidden;
			float: left;

			image {
				width: 70rpx;
				height: 70rpx;
			}
		}

		.center {

			float: left;

			.name {
				float: left;
				margin: 0 25rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
			}

			.grade {
				float: left;
				font-size: 20rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
				background: #FBD220;
				border-radius: 13rpx;
				height: 26rpx;
				line-height: 26rpx;
				margin-top: 46rpx;
				text{
					padding: 5rpx 10rpx 5rpx 10rpx;
				}
			}

			.tel {
				height: 60rpx;
				line-height: 48rpx;
				margin-left: 24rpx;
			}
		}

		.right {
			height: 120rpx;
			float: right;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
			display: flex;
			justify-content: center;
			/* 水平居中 */
			align-items: center;

			/* 垂直居中 */
			.btn {
				width: 124rpx;
				height: 60rpx;
				line-height: 60rpx;
				text-align: center;
				border-radius: 30rpx;

				&:nth-child(1) {
					background: #333333;
					color: #fff;
					margin-right: 32rpx;
				}

				&:nth-child(2) {
					background: #FBD220;
					color: #333;
				}
			}
		}

	}
}
.transfer {
	padding: 26rpx 24rpx 0 24rpx;
	height: calc(100vh - var(--window-top));
	&-container {
		height: calc(100% - 120rpx);
		background: #FFFFFF;
		box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
		border-radius: 10rpx;
		overflow: hidden;
		&-scroll {
			height: 100%;
			&-container {
				.nomore {
					padding: 10rpx 0;
					display: flex;
					justify-content: center;
					font-size: 24rpx;
					color: #ccc;
				}
			}
		}
		.item {
			border-bottom: 2rpx solid #F6F6F6;
		}
	}
	&-bottom {
		width: 100%;
		height: 120rpx;
		position: fixed;
		left: 0;
		bottom: 0;
		background: #FFFFFF;
		box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
		display: flex;
		justify-content: center;
		align-items: center;
		&-btn {
			width: 703rpx;
			height: 88rpx;
			border-radius: 50rpx;
			font-size: 32rpx;
			background-color: #FBD220;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
}
.transfer-item {
	width: 100%;
	height: 122rpx;
	display: flex;
	background-color:#FFF0CD;
	align-items: center;
	// padding: 0 23rpx 0 17rpx;
	&-left {
		flex: 1; 
		display: flex;
		align-items: center;
	}
	&-right {
		width: 194rpx;
		display: flex;
		justify-content: space-between;
	}
	&-avatar {
		width: 70rpx;
		height: 70rpx;
		border-radius: 50%;
	}
	&-name {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #343434;
		margin-left: 24rpx;
	}
	&-tag {
		padding: 2rpx 12rpx;
		margin-left: 24rpx;
		background: #FBD220;
		border-radius: 13rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #343434;
	}
	&-title {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #666666;
	}
}
image {
	width: 70rpx;
	height: 70rpx;
}